今天從「使用網頁等公車」系列文中跳出來一下，來聊聊一些心得感言

開頭就先講個結論 血淋淋的體悟

那些沒真正用過的技術，都不要以為自己已經懂了啊

　
其實我在撰寫公車系統之前，從來沒真正寫過 AJAX
api 部分也頂多串接過 Google Map API 而已

結果在撰寫 AJAX 的時候，才真正踩到雷..

上一回我們講到這份專案使用的是較老派的 XMLHttpRequest

在那之前雖然課堂中聽過了 JavaScript 的同步與非同步
在那時感覺好像已經都懂了
但在實際應用的時候卻還是搞得一蹋糊塗..

原本預計取用 open data 的公車路線資料
可是卻一直沒辦法把資料讀出來
後來才搞懂是因為沒有把資料放在 onlord 裡
那在沒有等到資料取得就繼續往下跑 code 的情況下，理所當然的路線資料就跑不出來啦！

另外在指定 DOM 的部分，我使用的是 getElementById

var list = document.getElementById('list');
// 綁定 DOM 結構

在寫好綁定之後，資料卻一直沒有成功渲染出來

打開 console 一看

可是我在瀏覽器的 console 使用 console.log(list) 卻是正常有綁定的
這個問題困惑了我三個番茄鐘的時間..

於是我就向老師求救
　
..
...
....老師看了不到一分鐘，悠悠說了一句**「你的 script src 是不是寫在 body 之前..？」**

對吼！DOM 都還沒跑出來就想要綁定，理所當然地綁不到東西啊啊啊！

　
原本想去 Github 上面 co 自己的 code 出來
結果..

大家可以收工啦！ (喂

補充資料

• HTML DOM getElementById() 方法 - W3School
• Document.getElementById() - MDN

>>隊友任意門<<

• Jason 勇者Jason和前端之鑰
• Clover 用Vue與firebase開發訂便當系統實錄
• aflect 我的UI/UX奮鬥屎
• GG 一隻巨大的UI/UX菜鳥
• Jimmy ES666
• R-yin 菜鳥前端奮鬥史(欸?

我是小菜鳥阿陰，我們下次見！